<template>
  <div>
    <!-- content start -->
    <div class="content-container">
      <!-- 门店管理 -->
      <ShopManage v-if="tabName === 'shop'" />
    </div>
    <!-- content end -->
  </div>
</template>

<script>
import ShopManage from './components/ShopManage'
export default {
  components: {
    ShopManage
  },
  data() {
    return {
      // 配置
      // 状态
      // 数据
      tabName: 'shop'
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
/* tab */
.tab-container ::v-deep {
  padding: 24px 30px 0;
  border-radius: 5px;
  .el-tabs__header {
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
  }
  .el-tabs__nav-wrap::after {
    background-color: #fff;
  }
  .el-tabs__active-bar {
    height: 4px;
  }
}

/* 内容 */
.content-container {
  margin-top: 10px;
}
</style>
